<template>
    <div class="body">
        <div class="head">
            <Vhead></Vhead>
        </div>
        <div class="center">
            <div class="navigatar">
                <Aside></Aside>
            </div>
            <div class="right">
                <div class="nav1"><tags></tags></div>
                <div class="pagecontent">
                    <router-view></router-view>
                </div>

            </div>
        </div>
        <!-- <div class="foot1">
     <bottom></bottom>
     </div> -->
    </div>

</template>

<script>
import Vhead from "../components/common/top.vue";
import Aside from "../components/common/aside.vue";
import bottom from "../components/common/bottom.vue";
import tags from '../components/common/Tags.vue'
export default {
    components: {
        Vhead,
        Aside,
        bottom,
        tags
    }
}
</script>

<style>
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.body {
    width: 100%;
    height: 100vh;
    margin: auto;
    position: relative;
    content: '';
    clear: both;
    display: block;
}

.head {
    width: 100%;
    height: 15%;
    /* height: 90px; */
    position: fixed;
    top: 0;
    left: 0;

}

.center {
    width: 100%;
    height: 85%;
    position: fixed;
    top: 15%;
    background: #E8EFF3;
}

.right {
    width: 85%;
    height: 100%;
    float: left;
    overflow-y: scroll;
}

.right .nav1 {
    width: 100%;
    height: 6%;
    background: #fff;
    position: fixed;
    top: 15%;
    left: 15%;
    z-index: 10;
}

.right .pagecontent {
    width: 100%;
    height: 90%;
    padding: 15px 10px;
    margin-top: 40px;
}

.navigatar {
    width: 15%;
    height: 100%;
    float: left;
}
.el-col-16 {
    width: 62.66667%;
}
.el-calendar {
    background-color: #fff;
    border-radius: 5px;
    height: 540px;
    overflow: hidden;
}
.foot1 {
    width: 100%;
    height: 45px;
    position: absolute;
    bottom: 0;
}
</style>